<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>逗游吧后台框架</title>
    <% include ../include/docs-link %>
    <link href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet">
</head>
<body class="wrapper-body">
<% include ../include/docs-header %>
<div class="wrapper-container">
    <div class="container-fluid">
        <div class="row no-gutter">
            <div class="col-lg-2 col-xs-12">
                <% include ../include/docs-nav %>
            </div>
            <div class="col-lg-10 col-xs-12">
                <div class="wrapper-content">
                    <article class="wrapper-article">
                        <h1>Input 输入框</h1>
                        <div class="anchor">
                            <h2 id="概述">概述</h2>
                            <a href="#概述">#</a>
                        </div>
                        <p>用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作。</p>
                        <div class="anchor">
                            <h2 id="纯CSS自适应表格">纯CSS自适应表格</h2>
                            <a href="#纯CSS自适应表格">#</a>
                        </div>
                        <div class="example">
                            <div class="example-case">
                                <table class="table table-hover table-striped table-bordered table-adaption">
                                    <thead>
                                    <tr>
                                        <th>支付</th>
                                        <th>日期</th>
                                        <th>金额</th>
                                        <th>周期</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td data-label="支付">支付 #1</td>
                                        <td data-label="日期">02/01/2015</td>
                                        <td data-label="金额">￥2,311</td>
                                        <td data-label="周期">01/01/2015 - 01/31/2015</td>
                                    </tr>
                                    <tr>
                                        <td data-label="支付">支付 #2</td>
                                        <td data-label="日期">03/01/2015</td>
                                        <td data-label="金额">￥3,211</td>
                                        <td data-label="周期">02/01/2015 - 02/28/2015</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="example-code">
    <pre><code class="html">

    </code></pre>
                            </div>
                            <div class="example-code-more">
                                <i class="glyphicon glyphicon-triangle-bottom"></i>
                                <span>Show Code</span>
                            </div>
                        </div>
                        <div class="example">
                            <div class="example-case">
                                <table class="table table-hover table-striped" data-toggle="table" data-mobile-responsive="true">
                                    <thead>
                                    <tr>
                                        <th>支付</th>
                                        <th>日期</th>
                                        <th>金额</th>
                                        <th>金额</th>
                                        <th>金额</th>
                                        <th>周期</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td data-label="支付">支付 #1</td>
                                        <td data-label="日期">02/01/2015</td>
                                        <td data-label="金额">￥2,311</td>
                                        <td data-label="金额">￥2,311</td>
                                        <td data-label="金额">￥2,311</td>
                                        <td data-label="周期">01/01/2015 - 01/31/2015</td>
                                    </tr>
                                    <tr>
                                        <td data-label="支付">支付 #2</td>
                                        <td data-label="日期">03/01/2015</td>
                                        <td data-label="金额">￥3,211</td>
                                        <td data-label="金额">￥2,311</td>
                                        <td data-label="金额">￥2,311</td>
                                        <td data-label="周期">02/01/2015 - 02/28/2015</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </div>
</div>
<% include ../include/docs-footer %>
<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/extensions/mobile/bootstrap-table-mobile.js"></script>
</body>
</html>